<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="RequarePin.ascx.cs" Inherits="TVT.UI.UserControls.RequarePin" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<style type="text/css">
    .style1
    {
        width: 300px;
    }
</style>

<asp:UpdatePanel ID="upRequarePin" runat="server" UpdateMode="Conditional">
    <ContentTemplate>        
        <table style="text-align:left;" width="100%" cellpadding="0" cellspacing="0" >
            <tr>
                <td class="style2" style="background-image:url(App_Themes/NewDesign/Images/barra-pix.gif);">
                    <img id="imgPoints" src="App_Themes/NewDesign/Images/tild-tit.gif" style="vertical-align:middle"/>
                    <font class="titleText">PIN Required</font>
                </td>
                <td class="style2" align="right"  style="background-image:url(App_Themes/NewDesign/Images/barra-pix.gif);">    
                    <asp:LinkButton ID="lnkBtnCollapseRequarePin" runat="server"><asp:Image ID="imgCollapseExpandRequarePin" ImageUrl="~/App_Themes/NewDesign/Images/_icon.gif" runat="server" style="padding-right:10px;vertical-align:middle;" /></asp:LinkButton>
                </td>
            </tr>
        </table>        
        <asp:Panel ID="pnlRequarePin" runat="server" Width="90%" style="text-align:left; padding-left:40px; padding-top:10px">
            <table style="text-align:left;height:50px" cellpadding="0px" cellspacing="0px" width="1010px" class="Table">   
                <tr>            
                    <td>
                        <asp:Label ID="lblTransactionResultMessage" runat="server" Visible="false" CssClass="transactionResultMessage"></asp:Label>
                        <asp:ValidationSummary ID="requiredValidator" runat="server" ValidationGroup="requiredField"  />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Panel ID="pnlAccount" runat="server" Visible="true">
                           <table>
                                <tr>
                                    <td class="style1" style="width:80px">
                                        <asp:Image ID="imgCellPhone" runat="server" Height="40" Style="border: 1px solid black;width:auto" ImageUrl="~/App_Themes/NewDesign/Images/cellphone_icon.jpg"/>
                                    </td>
                                    <td>
                                    <td class="style1" style="width:100px">
                                        <asp:Label ID="lblEnterPin" runat="server" CssClass="labelText" Text="Enter PIN : " style="margin-left:18px"></asp:Label>
                                    </td>
                                    <td class="style1" style="width:150px">                                               
                                        <asp:TextBox ID="txtPin" Width="140px" Height="18px" CssClass="TextBox" runat="server"></asp:TextBox>
                                     </td>
                                     <td class="style1" style="width:100px">
                                         <asp:ImageButton ID="btnEnterPin" runat="server" ImageUrl="~/App_Themes/NewDesign/Images/btn_Send.gif" OnClick="SendPin" />
                                        </asp:Button>
                                    </td>
                                 </tr>
                            </table>
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="collapsibleRequarePin" runat="server"
            TargetControlID="pnlRequarePin"
            CollapsedSize="0"
            Collapsed="False"
            ExpandControlID="lnkBtnCollapseRequarePin"
            CollapseControlID="lnkBtnCollapseRequarePin"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="imgCollapseExpandRequarePin"
            ExpandedImage="~/App_Themes/NewDesign/Images/_icon.gif"
            CollapsedImage="~/App_Themes/NewDesign/Images/+icon.gif"
            ExpandDirection="Vertical" />
     </ContentTemplate>
</asp:UpdatePanel>